@charset "utf-8";
/* CSS Document */
body{font-family:Arial, Helvetica, sans-serif; font-size: 18px;overflow-x: hidden; color: #333;}
html, body, div, span, h1, h2, h3, h4, h5, h6, p,table, td, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0;padding: 0; }
input,select,textarea{font-size: 14px;border:none;margin: 0;padding: 0;}
img{border: 0 none;vertical-align: middle;}
a{color: #333;text-decoration:none;background-color:transparent;transition: 0.3s;}
a:hover{cursor: pointer; color:#f63825;}
a:focus{outline:none;}
ul, li, dl, dt, dd{list-style: none outside none;}
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
*{ box-sizing: border-box; }
html,body{ width: 100%; height: 100%;}

@font-face {
    font-family: 'ariblk';
    src: url('../fonts/ariblk.eot');
    src: local('☺'), url('../fonts/ariblk.woff') format('woff'), url('../fonts/ariblk.ttf') format('truetype'), url('../fonts/ariblk.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display:fallback;
}
@font-face {
    font-family: 'Gotham-Bold_1';
    src: url('../fonts/Gotham-Bold_1.eot');
    src: local('☺'), url('../fonts/Gotham-Bold_1.woff') format('woff'), url('../fonts/Gotham-Bold_1.ttf') format('truetype'), url('../fonts/Gotham-Bold_1.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display:fallback;
}

.owl-theme .owl-controls{ margin-top: 10px; text-align: center;}

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px;  padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px;  -moz-border-radius: 30px;  border-radius: 30px;  background: #869791;  filter: Alpha(Opacity=50);/*IE7 fix*/  opacity: 0.5;}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none;}

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */}
.owl-theme .owl-controls .owl-page span{  display: block;  width: 12px;  height: 12px;  margin: 5px 7px;  filter: Alpha(Opacity=50);/*IE7 fix*/  opacity: 0.5;  -webkit-border-radius: 20px;  -moz-border-radius: 20px;  border-radius: 20px;  background: #869791;}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/  opacity: 1;}
/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{  height: auto;  width: auto;  color: #FFF;  padding: 2px 10px;  font-size: 12px;  -webkit-border-radius: 30px;  -moz-border-radius: 30px;  border-radius: 30px;}

/* preloading images */
.owl-item.loading{ min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center}

/* clearfix */
.owl-carousel .owl-wrapper:after {  content: "."; display: block; clear: both;  visibility: hidden; line-height: 0; height: 0;}
/* display none until init */
.owl-carousel{ position: relative; width: 100%;  -ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{ display: none;  position: relative; -webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{  -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out;  -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out;  transition: height 500ms ease-in-out;}

.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{ cursor: pointer;}
.owl-controls { -webkit-user-select: none;  -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;  user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon */
.grabbing { cursor:url(grabbing.png) 8 8, move;}

/* fix */
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility: hidden; -moz-backface-visibility:    hidden;-ms-backface-visibility:     hidden; -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);}

/* CSS3 Transitions */

.owl-origin {-webkit-perspective: 1200px;-webkit-perspective-origin-x : 50%;-webkit-perspective-origin-y : 50%; -moz-perspective : 1200px;  -moz-perspective-origin-x : 50%;-moz-perspective-origin-y : 50%; perspective : 1200px;}
/* fade */
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease;}
.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease;  animation: fadeIn .7s both ease;}
/* backSlide */
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease;}
.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease;}
/* goDown */
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both;}
.owl-goDown-in {-webkit-animation: goDown .6s ease both;-moz-animation: goDown .6s ease both;animation: goDown .6s ease both;}
/* scaleUp */
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both;}

.owl-fadeUp-out {-webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both;}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
    0% {opacity: 1}
}
@-moz-keyframes empty {
    0% {opacity: 1}
}
@keyframes empty {
    0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes fadeIn {
    0% { opacity:0; }
    100% { opacity:1; }
}
@keyframes fadeIn {
    0% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
    0% { opacity:1; }
    100% { opacity:0; }
}
@-moz-keyframes fadeOut {
    0% { opacity:1; }
    100% { opacity:0; }
}
@keyframes fadeOut {
    0% { opacity:1; }
    100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
    25% { opacity: .5; -webkit-transform: translateZ(-500px); }
    75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
    25% { opacity: .5; -moz-transform: translateZ(-500px); }
    75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
    25% { opacity: .5; transform: translateZ(-500px); }
    75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
    0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; -webkit-transform: translateZ(-500px); }
    100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
    0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; -moz-transform: translateZ(-500px); }
    100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
    0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; transform: translateZ(-500px); }
    100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
    to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
    to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
    to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
    from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
    from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
    from { transform: translateY(-100%); }
}
@-webkit-keyframes scaleUpFrom {
    from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
    from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
    from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
    to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
    to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
    to { opacity: 0; transform: scale(1.5); }
}


@font-face {font-family: "iconfont";
    src: url('../fonts/iconfont.eot?t=1600679279078'); /* IE9 */
    src: url('../fonts/iconfont.eot?t=1600679279078#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
    url('../fonts/iconfont.woff?t=1600679279078') format('woff'),
    url('../fonts/iconfont.ttf?t=1600679279078') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('../fonts/iconfont.svg?t=1600679279078#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-qianjin1:before {
    content: "\e621";
}

.icon-zhuye1:before {
    content: "\e606";
}

.icon-shijian:before {
    content: "\e65d";
}

.icon-youxiang1:before {
    content: "\e6d8";
}

.icon-whatsapp:before {
    content: "\e609";
}

.icon-chanpin:before {
    content: "\e600";
}

.icon-we_chat:before {
    content: "\e666";
}

.icon-skype:before {
    content: "\e682";
}

.icon-Shape:before {
    content: "\e616";
}

.icon-666666-copy:before {
    content: "\ec8d";
}

.icon-tuijian:before {
    content: "\e674";
}

.icon-shuju:before {
    content: "\e623";
}

.icon-yongtu:before {
    content: "\e6d4";
}

.icon-miaoshu:before {
    content: "\e61d";
}

.icon-xiaoxi:before {
    content: "\e663";
}

.icon-qianjin:before {
    content: "\e67d";
}

.icon-yuangong:before {
    content: "\e66e";
}

.icon-tuanduisvg:before {
    content: "\e651";
}

.icon-guojia:before {
    content: "\e665";
}

.icon-shengchan:before {
    content: "\e603";
}

.icon-sousuo:before {
    content: "\e61c";
}

.icon-twitter:before {
    content: "\e89d";
}

.icon-youtube1:before {
    content: "\e8d7";
}

.icon-zhuye:before {
    content: "\e6c5";
}

.icon-facebook:before {
    content: "\e6e5";
}

.icon-youxiang:before {
    content: "\e607";
}

.icon-dianhua1:before {
    content: "\e61e";
}

.icon-mean_list:before {
    content: "\e653";
}

.icon-liaotian:before {
    content: "\e6a5";
}

.icon-in:before {
    content: "\e6f1";
}

.iconfont:before{ display: block; margin:0 auto; }

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}
.w_p_main{ background: #fff; overflow: hidden;  }
.main{ background: #f4f4f4; overflow: hidden; width: 100%;  }
.warper{ width:1400px; margin:0 auto; position: relative;}
.backToTop{width:66px; height:66px; border-radius: 66px; background:#f63825 url(../images/icon_top.png) no-repeat center; background-size: 30%; cursor:pointer; position:fixed; right:30px; text-indent:9999px; bottom:150px; color: #fff; transition: all .3s}
.backToTop:hover{ opacity: .9;}


header{ background: transparent; height: 100px; position: fixed; top: 0; left: 0; width: 100%; z-index: 999;}
.media {float: left; margin-top:49px;}
.media a{color: #fff; margin: 0 5px; font-size: 22px; display:inline-block;}
.media a:first-child:hover{ color: #117aed; }
.media a:nth-of-type(2):hover{ color: #0b66c3; }
.media a:nth-of-type(3):hover{ color: #2fb0ec; }
.media a:nth-of-type(4):hover{ color: #fe0000; }

h6{ display: inline-block; font-weight: normal; }

#nav:after{  content: '';  display: block;  clear: both;}
#nav .warper{position: relative;}
.logo{ position: absolute; top: 22px; left:0; }
.close-nav{position: fixed; top:0; left:0; width: 100%;height: 100%;background: #000;opacity: 0;visibility: hidden;transition: 0.5s;z-index: 888;}
.nav-open{transform: translateX(0);}
.close-open{opacity: 0.5;visibility: visible;}
.body-hidden{overflow: hidden!important;}
#nav .nav-button{width: 35px;height: 35px;border-radius: 3px;background: #65a342; color: #fff;position: absolute; right: 10px; top: 10px;line-height: 35px;text-align: center;font-size: 20px;}
#nav .nav-button i{ color: #fff; font-size: 22px; font-weight: 600; }
.position,.page_head{position: fixed;left: 0;right: 0; top: 0; z-index: 999;box-shadow: 0 1px 10px 0 rgba(0,0,0,0.2); background: #1c1c1c;}
#nav .nav-button{display: none;}
.position .media a,.page_head .media a{ color: #999; }


nav{ float: right; margin-right: 134px;}
nav li{ float: left; position: relative; }
nav li>a{ color: #fff; position: relative; padding: 40px 28px 42px 28px; display: block; text-align: center; transition:0.5s; font-size:18px;}
nav li:after{ content:''; position: absolute; top: 42px; right: 0; width: 2px; height: 15px; background: #fff; }
nav li.on a,nav li:hover a{ color: #f63825; }
nav dl{ opacity: 0; transition: opacity 1s ease;position: absolute; display: block; background: #fff; width: auto; top: 100px;  left:-9999px; z-index: 999;  }
nav dl dd{ display: block; position: relative; }
nav li dl dd a{ opacity: 1; background: transparent !important; color: #666 !important; display: block; padding: 13px 18px; text-align: left; white-space: nowrap;font-size:15px;}
nav li dl dd a:hover{ background: #f63825 !important; cursor: pointer; color: #fff !important;}
nav li:hover dl{ left: 0; opacity: 1; }
nav dl dd div{position: absolute; left: 100%; top: 0; background:rgba(231,93,10,0.8); display: none;}
nav dl dd:hover div{display: block;}
nav dl dd div a{padding:15px 20px; color: #fff !important; border-bottom: none; font-size: 15px; }
nav dl dd div a:hover{ background: #f63825; }
nav li:last-child:after{ display: none; }


.prodel_xl{ margin-top: 10px; }
.prodel_xl ul{ width: 100%; overflow: hidden; min-height: 54px; }
.prodel_xl ul li{ float: left; width: 50%; padding-left: 66px; position: relative; padding-top: 6px; }
.prodel_xl ul li p{ font-size: 16px; color: #888; margin-bottom: 2px; }
.prodel_xl ul li a{ font-size: 16px; font-weight: bold; color: #555; }
.prodel_xl ul li a:hover{ color: #f63825; }
.prodel_xl ul li h6{ width: 54px; border-radius: 54px; position: absolute; top: 0; left: 0; height: 54px; text-align: center; line-height: 54px; text-align: center; color: #fff; background: #f63825; font-size: 32px; }


.head_rcon{ position: absolute; width: 112px; right: 0; top: 0; }

.search-button{ width: 112px; height: 35px; border-radius:3px; text-align: center; line-height: 35px; background: linear-gradient(130deg, #f35724,#ef1616); margin-top: 30px; }
.search-button span{ color: #fff; font-size: 16px; display: inline-block; width: 100%; height: 100%; cursor: pointer;  }
.search-button i{ color: #fff; display: inline-block; font-size: 18px; margin-left: 5px; }
.searchform{ height: 0; overflow: hidden;background:#f63825;position: absolute; z-index: 55; right: 0; top:80px; width: 240px; transition: all .3s;}
.searchform i{ font-size: 24px; color: #fff; }
.searchform input{ width: 190px; background:#f63825; color: #fff; line-height:50px; padding-left:10px; float: left; }
.searchform button{ width:54px; line-height:50px; background:#f63825; border: 0; color: #fff; text-align: center; outline: none; cursor: pointer; transition: all .5s; position: absolute; right: 0; top: 0}
.searchform input::-webkit-input-placeholder { color: #fff;}
.searchform input:-moz-placeholder { color: #fff;}

footer{ background: url(../images/footer_bg.jpg) no-repeat center; background-size: cover;  }
footer .footer{ overflow: hidden; }
footer h4 { font-size: 24px; color: #fff; text-transform: uppercase; }

footer .item1{ width:16%; float: left; padding-top: 36px; padding-bottom: 50px;   }
.textwidget p{color:#bebebe;padding-top:18px}
footer .item2{ width:25%; float: left; margin-left: 2%; padding-top: 36px; padding-bottom: 50px;  }
footer .item3{ width:22%; float: left; margin-left: 4%; padding-top: 36px; padding-bottom: 50px; }


footer .item4{ width: 30%; float:left; padding: 35px 0 0 0; }
footer .item4 form ul li{ margin-bottom: 18px; width: 49%; float: left; }
footer .item4 form ul li:nth-of-type(2){ float: right; }
footer .item4 form ul li:nth-of-type(3){ width: 100%; }
footer .item4 form ul li:last-child{ margin-bottom: 0; }
footer .item4 form ul li p{ font-size: 16px; color: #bebebe; margin-bottom: 8px; }
footer .item4 form input{ height: 32px; line-height: 32px; }
footer .item4 form input,footer .item4 form textarea{  width: 100%; background:rgba(255,255,255,0.1); border: none; padding: 0 10px; padding-left: 18px; font-family:Arial; resize: none;  color: #fff; font-size: 16px;}
footer .item4 form textarea{ padding: 10px; padding-left: 18px; }
footer .item4 button{ width: 177px; height: 42px; display: block; border-radius: 5px; font-family:Arial; font-size: 16px; line-height:42px; color: #fff;  text-align: center; background:#f63825; border: none; cursor: pointer; }
footer .item4 button:hover{ opacity: 0.85; }


footer .item .footer_nav{ margin-top: 18px; }
footer .item .footer_nav li{ margin-bottom: 16px; color: #bebebe; line-height: 24px; font-size: 16px; }
footer .item .footer_nav li a{ color: #bebebe; font-size:16px; display: block; }
footer .item .footer_nav li a:hover{ text-decoration: underline;}
.footer_nav li i{ color: #fff; }
footer .item3 .footer_nav li{ padding-top: 2px; position: relative; }
.footer_nav li span{ font-size: 16px; }
footer .item3 .footer_nav li a{ font-weight: bold; color: #e9e9e9; display: inline-block; }
footer .media{ margin-top: 10px; }
footer .media a{ width: 30px; color: #191a1c; height: 30px; text-align: center; line-height: 30px; font-size: 18px; border-radius: 30px; background: #acacac; margin:0 5px 0 0; }
footer .media a:first-child:hover{ background: #117aed; color: #fff; }
footer .media a:nth-of-type(2):hover{ background: #0b66c3; color: #fff;}
footer .media a:nth-of-type(3):hover{ background: #2fb0ec; color: #fff;}
footer .media a:nth-of-type(4):hover{ background: #fe0000; color: #fff;}

.copyright{ border-top: 1px solid #353535; padding: 15px 0; }
.copyright p{ font-size: 17px; color: #7e7d7d; text-align: center; }
.copyright a{ color: #7e7d7d; }
.copyright a:hover{ color: #f63825; }

.footmenu{position:fixed;bottom:0;left:0;width:100%;z-index:5;max-width:1024px; display: none;}
.footmenu img{display:block}
.footmenu div.bgcolor{ clear:both;}
.footmenu div.con{position:absolute;bottom:0;left:0;width:100%; padding-bottom: 10px; background:#f63825;}
.footmenu a{color:#fff;font-size:16px; display:block;width:25%;text-align:center;float:left;position:relative}
.footmenu i{display:block;width:25px;height:25px;margin:6px auto 2px; font-size: 26px;}


#banner_home{ width: 100%; height: 100%; background: #666; overflow: hidden; position: relative; }
/*#banner_home:before{ content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.56); }*/
.banner_text{ position: absolute; width: 60%; top: 40%; left: 50%; margin-left: -30%; }
.banner_text p{ color: #fff; font-size: 44px; line-height: 50px; font-weight: bold; text-transform: uppercase; text-align: center; }

.cl{ clear: both; }
.changpic{ width: 100%; overflow: hidden; }
.changpic img{    width: 100%;transition: all 0.3s; }
.changpic0 img{     height: 237px;width: 350px;transition: all 0.3s; }
.changpic1 img{    height: 422px;
    width: 623px;}
.fixnav{position: fixed; right: 0; top:40%; z-index: 999;}
.fixnav li{ transition: all .3s; width: 54px; text-align: center; height: 54px; margin-bottom:1px; background: #ececed; position: relative; }
.fixnav li .ic{width: 54px; line-height: 54px; height: 54px; background: #f63825; position: relative; z-index: 2;}
.fixnav li a{color: #fff; transition: all .1s}
.fixnav li .iconfont{ font-size: 30px; }
.fixnav li:nth-of-type(2) .ic{ background: #ed7d2a; }
.fixnav li:nth-of-type(3) .ic{ background: #3a82d3; }
.fixnav li:nth-of-type(4) .ic{ background: #0085b2; }
.fixnav li:nth-of-type(5) .ic{ background: #d20000; }
.fixnav li span{width: 200px; line-height:54px; transition: all .3s; overflow: hidden; padding:0 10px; margin-right:54px; position: absolute; right:-600px; top:0; z-index: 3; z-index: 0; text-align: left; }
.fixnav li:hover span{display: block; right: 0; background: #f63825; color: #fff}
.fixnav li:nth-of-type(2):hover span{ background: #ed7d2a; }

.media a span{display: none}

.media a:hover span{display: block;position: fixed;bottom: 18%;}
.ic_ic{display: none}
/*版块标题*/
.home_boxtit{ font-size:40px; padding-bottom: 8px; text-transform: uppercase; font-weight: bold; display: inline-block; position: relative; }
.home_boxtit:after{ content: ''; position: absolute; bottom: 0; right: 0; width: 80px; height: 3px; background: #f24c22; }

.in_probox{ padding: 44px 0; overflow: hidden; }
.in_probox .lcon{ margin-top: 65px; float: left; width: 75%; }
.in_probox .rcon{ float: right; width: 25%; padding: 64px 33px 112px 28px; background: url(../images/in_probg.jpg) no-repeat; background-size: cover; }
.in_prolist{ width: 100%; overflow: hidden; }
.in_prolist li{ width: 33.333%; cursor: pointer; float: left; position: relative; perspective: 500;
    -webkit-perspective: 500; }
.in_prolist li .in_proitem{ background: #fff; padding: 25px 0;  -webkit-perspective: 1000;
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    -ms-transition: all 1.5s;
    -o-transition: all 1.5s; }
.in_prolist li:nth-of-type(even) .in_proitem,.in_prolist li:nth-of-type(even) .in_protext{ background: #ececec; }
.in_prolist li p{ font-size: 16px; text-align: center; height: 20px; line-height: 20px; }
.in_prolist li .in_protext{ transform: rotateY(-180deg);  -webkit-transform: rotateY(-180deg); position: absolute; padding: 75px 24px 0 24px; text-align: center; top: 0; left: 0; width: 100%; height: 100%; background: #fff; -webkit-perspective: 1000;
    -webkit-transition: all 1.5s; backface-visibility: hidden;
    -moz-transition: all 1.5s;
    -ms-transition: all 1.5s;
    -o-transition: all 1.5s; }
.in_protext h5{ font-weight: normal; color: #333; font-size: 18px; margin-bottom: 10px; }
.in_protext span{ display: inline-block; text-align: left; font-size: 16px; line-height: 22px; height: 110px; overflow: hidden; display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 5; color: #666; }
.in_prolist li:hover .in_proitem{transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);}
.in_prolist li:hover .in_protext{transform: rotateY(-360deg);
    -webkit-transform: rotateY(-360deg);}
.in_probox .rcon h1{ font-size: 52px; font-style: italic; font-family: ariblk; color: #fff; }
.in_probox .rcon p{ margin-top: 25px; font-size: 16px; line-height: 22px; color: #fec4b6; }
.in_probox .rcon ul{ margin-top: 75px; }
.in_probox .rcon ul li{ margin-bottom: 15px; padding-left: 35px; position: relative; }
.in_probox .rcon ul li a{ font-size: 20px; color: #fff; }
.in_probox .rcon ul li:after{ content: ''; width: 22px; height: 1px; background: #fff; position: absolute; top: 10px; left: 0; }
.in_probox .rcon ul li a:hover{ text-decoration: underline; }
.in_probtn{ margin-top: 133px; }
.in_probtn a{ display: block; transition: all 0.3s; margin: 0 auto; width: 228px; text-align: center; background: #282729; color: #fff; padding: 15px 0; border-radius: 5px;}
.in_probtn a:hover{ background: #161516; }


.in_date{ background: url(../images/in_datebg.jpg) no-repeat; background-size: cover; padding: 50px 0 56px 0; }
.in_date ul{ width: 100%; overflow: hidden; }
.in_date ul li{ float: left; width: 25%; text-align: center; color: #fff; }
.in_date ul li i{ font-size: 35px; display: inline-block; margin-right: 8px; width: 35px; height: 38px; overflow: hidden; }
.in_date ul li span{ font-size: 65px; font-weight: bold; }
.in_date ul li p{ font-size: 16px; margin-top: 10px; }
.in_date ul li em{ font-style: normal; font-size: 16px; font-weight: normal; }

.in_solu{ padding: 52px 0; overflow: hidden; }
.in_solu .in_solunav{ float: left; width: 285px; }
.in_solupic{ margin-left: 285px; padding-left: 2px; }
.in_solu .in_solunav ul li{ background: linear-gradient(130deg, #f35724,#ef1616); margin-bottom: 1px; }
.in_solu .in_solunav ul li a{ padding: 16.7px 0; text-align: center; display: inline-block; width: 100%; }
.in_solu .in_solunav ul li a p{ color: #fff; margin-top: 10px; }
.in_solu .in_solunav ul li.on{ background: linear-gradient(130deg, #434343,#1f1e1e); }
.in_solupic ul li{ display: none; }
.in_solupic ul li.on{ display: block; }
.in_solupic ul li .changpic{ position: relative; }
.in_solupic ul li .changpic span{ position: absolute; top: 28px; right: 62px; color: #fff; font-size: 22px; font-weight: bold; }
.in_solupic ul li .changpic span i{ font-weight: normal; font-size: 22px; margin-left: 8px; display: inline-block; }
.in_solupic ul li .changpic span *{ vertical-align: middle; }

.in_ab{ background: url(../images/in_abbg.jpg) no-repeat 0 0 #f7f7f7; position: relative; overflow: hidden; height: 815px;  }
.in_abvideo{ position: absolute; top: 0; right: 0; width: 880px; }
.in_abtext{ width: 48%; padding: 88px 0 0 0; }
.in_abp{ margin-top: 22px; }
.in_abp p{ font-size: 16px; line-height: 33px; color: #666; }
.in_abbtn{ margin-top: 66px; }
.in_abbtn a{ font-size: 16px; text-transform: uppercase; padding: 10px 28px; border:2px solid #666; }
.in_abbtn a i{ display: inline-block; font-size: 25px; }
.in_abbtn a *{ vertical-align: middle; }
.in_abbtn a:hover{ background: #f24c22; color: #fff; border:2px solid #f24c22; }

.in_absubnav{ margin-top: 100px; height: 104px;  }
.in_ab:before{ content: ''; width: 100%; height: 104px; position: absolute; bottom: 0; left: 0; background: url(../images/in_abnavbg.jpg) no-repeat; background-size: cover; }
.in_absubnav ul{ width: 100%; overflow: hidden; }
.in_absubnav ul li{ float: left; margin-right: 110px; padding: 37px 0; position: relative; font-size: 26px; text-transform: uppercase; padding-left: 46px; }
.in_absubnav ul li:after{ content: ''; width: 29px; height: 2px; background: #fff; position: absolute; top: 50px; left: 0; }
.in_absubnav ul li a{ color: #fff; font-weight: bold; display: inline-block;  }
.in_absubnav ul li a:hover{ color: #f24c22; }

.bigbg{ background: rgba(0,0,0,.5); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; }
.allhide{ display: none; }
.getbox{ width: 800px; background: #fff; height: 500px; position: absolute; top: 30%; left: 50%; margin-left: -400px; }

.in_case{ padding: 78px 0 65px 0; }
.in_casewarbox{ height: 670px; position: relative; }
.in_casewarbox .home_boxtit{ position: absolute; top: 30px; right: 0; }
.in_caseitem{ width: 100%; overflow: hidden; }
.in_caseitem .lcon{ width: 545px; height: 670px; float: left; background: url(../images/case_textbg.jpg) no-repeat; padding: 78px 58px 0 55px; }
.in_caseitem .rcon{ margin-left: 545px; padding-top: 168px; padding-bottom: 60px; }
.in_casenum{ overflow: hidden; }
.in_num{/* width: 84px;*/ border: 4px solid #fff; padding: 26px 0; text-align: center; color: #fff; font-size: 50px; }
.incase_text{ margin-top: 92px; color: #fff; }
.incase_text h5{ font-weight:600;font-size: 18px; font-weight:normal; height: 25px; line-height: 25px; overflow: hidden; }
.incase_text p{ margin-top: 12px; font-size: 16px; line-height: 26px; height: 104px; overflow: hidden; display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.incase_text span{ display: inline-block; margin-top: 36px; transition: all 0.3s; width: 200px; text-align: center; background: #282729; color: #fff; padding: 15px 0; border-radius: 5px; }
.in_caseitem:hover .changpic img{ transform: scale(1.1); }
.in_caseitem:hover .incase_text span{ background: #1b1a1b; }
.in_caseswiper{ position: relative; }
.in_caseswiper .owl-theme .owl-controls{ text-align: right; position: absolute; right: 0; bottom: 60px; }
.in_caseswiper .owl-theme .owl-controls .owl-buttons div{ border-radius: 0; text-indent: 999em; margin: 0; width: 92px; padding: 0; height: 67px; opacity: 1; background: url(../images/right.png) center no-repeat #ececec; }
.in_caseswiper .owl-theme .owl-controls .owl-buttons div.owl-prev{ transform: rotateY(180deg); background: url(../images/right2.png) center no-repeat #f63825; }
.in_caseswiper .owl-theme .owl-controls .owl-buttons div:hover{ opacity: 0.85;  }


.in_news{ background: #f7f7f7; padding: 44px 0 65px 0; }
.in_newstit{ position: relative; }
.in_newmore{ display: inline-block; position: absolute; text-transform: uppercase; font-size: 16px; top: 0; right: 0; padding: 8px 32px; border:2px solid #666; }
.in_newmore i{ display: inline-block; font-size: 22px; }
.in_newmore *{ vertical-align: middle; }
.in_newmore:hover{ background: #f63825; color: #fff; border: 2px solid #f63825; }
.in_newswar{ width: 100%; margin-top: 45px; overflow: hidden; }
.in_newswar li{ float: left; width: 32%; margin-right: 2%; position: relative; }
.in_newswar li:last-child{ margin-right: 0; }
.in_newsitem .changpic{ position: relative; }
.jiantou{  z-index: 55; position: absolute; bottom: 0; left: 50%; margin-left: -16px; width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 16px 25px 16px;
    border-color: transparent transparent #f7f7f7 transparent; }
.item-text{ background: #fff; height: 195px; padding: 40px 24px 50px 24px; }
.item-text h5{ font-size: 18px; color: #333; font-weight: normal; height: 25px; line-height: 25px; overflow: hidden; }
.item-text p{ font-size: 16px; line-height: 22px; height: 66px; overflow: hidden; margin-top: 14px; color: #666; }
.in_newswar li:nth-of-type(even) .item-text{ position: absolute; top: 0; left: 0; }
.in_newswar li:nth-of-type(even) .in_newsitem .changpic{ margin-top: 195px; }
.in_newswar li:nth-of-type(even) .jiantou{ bottom: auto; top: 0; width: 0; height: 0; border-color: transparent transparent #fff; transform: rotate(180deg); }
.in_newswar li:hover .item-text{ background: #f63825; }
.in_newswar li:hover .jiantou{ border-color: transparent transparent #f63825; }
.in_newswar li:hover .item-text h5{ color: #fff; }
.in_newswar li:hover .item-text p{ color: #ffae9a; }
.in_newswar li:hover .changpic img{ transform: scale(1.15); }
/*位置*/
.subbanner{ position: relative; margin-top: 100px;}
.subbanner img{ width: 100%; display: block; }
.positionline{ position: absolute; overflow: hidden; border-top-left-radius: 5px; border-top-right-radius: 5px; bottom: 0; padding-left: 25px; width: 100%; left: 0; background: rgba(0,0,0,0.4); color: #fff; font-size: 20px; }
.positionline p{ font-size: 20px; line-height: 60px; }
.positionline p i{ font-size: 25px; margin-right: 5px; display: inline-block; }
.positionline p a{ color: #fff; }

.possub{ position: relative; }
.posinav{ position: absolute; top: 0; right: 0; }
.posinav ul{ overflow: hidden; width: 100%; }
.posinav ul li{ float: left; }
.posinav ul li a{ line-height: 62px; color: #fff; font-size: 18px; padding: 0 8px; display: inline-block;  }
.posinav ul li.on a,.posinav ul li:hover a{ background: linear-gradient(130deg, #f35724,#ef1616); }

.paddt55{ padding-top: 55px; }
/*产品列表*/
.pro_box{ padding-bottom: 100px; overflow: hidden; }
.pro_l{ float: left; width: 333px; }
.pro_l h1{ background: url(../images/nav_bg.jpg) no-repeat; color: #fff; text-transform: uppercase; background-size: cover; padding: 20px; font-size: 32px; font-family: Gotham-Bold_1; }
.pro_l h1 a{ display: none; }
.pro_l h1 i{ display: inline-block; font-size: 30px; font-weight: normal; }
.pro_navbox{ background: #373737; padding-top: 20px; padding-bottom: 68px; }

.accordion {width: 100%; }
.accordion li{ padding-bottom: 24px; }
.accordion li .links.active{ background: url(../images/select_iconq2.png) no-repeat 95% 19px;}
.accordion li .links.active a{color: #f63825; }
.accordion .links { cursor: pointer; display: block; font-weight: bold; font-size: 18px; position: relative; background: url(../images/select_iconq.png) no-repeat 95% 15px; padding: 12px 30px 12px 20px; }
.accordion .links a{ color: #ddd;  }
.accordion .links a:hover{ color: #f63825; }
.submenu {display: block; overflow: hidden;}
/*.submenu.on{ display: block; }*/
.accordion li ul.active{display: block}
.submenu li { position: relative; padding-left: 50px; padding-bottom: 0; padding-right: 30px; }
.submenu a {display: block; font-size: 18px; line-height: 34px; text-decoration: none; color: #8a8a8a; }
.submenu li:hover a,.submenu li.on a{ color: #f24632; }

.sea_pro{ position: relative; margin-top: 30px; margin-left: 20px; overflow: hidden; border:1px solid rgba(255,255,255,0.5); border-radius: 35px; height: 52px; width: 276px;}
.sea_pro i{ font-size: 20px; color: rgba(255,255,255,0.5); }
.sea_pro input{ width: 200px; background:transparent; color: #fff; line-height:50px; padding-left:25px; float: left; font-size: 18px; }
.sea_pro button{ width:54px; line-height:50px; background:transparent; border: 0; color: #fff; text-align: center; outline: none; cursor: pointer; transition: all .5s; position: absolute; right: 0; top:0;}
.sea_pro button i{ font-size: 24px;}
.sea_pro input::-webkit-input-placeholder { color: #666;}
.sea_pro input:-moz-placeholder {  color: #666;}

.pro_r{ margin-left: 333px; padding-left: 18px; }
/*关于我们*/
.page_boxtit{ font-size:30px; text-align: center; margin-bottom: 15px; font-weight: normal; text-transform: uppercase; position: relative; }
.page_boxtit span{ background-image:-webkit-linear-gradient(bottom,transparent,#e5e5e5); font-weight: bold;  -webkit-background-clip:text; -webkit-text-fill-color:transparent;  font-size: 46px; text-align: center; display: inline-block; width: 100%; font-family: ntailub; }
.page_boxtit b{ display: inline-block; width: 100%;  position: absolute; top: 25px; left: 0; text-align: center; }
.ab_com{  }
.ab_comtext p{ font-size: 16px; color: #666; line-height: 26px; }
.in_abpic{ margin-top: 20px; }
.in_abpic ul{ width: 100%; overflow: hidden; }
.in_abpic li{ float:left; width: 23.7%; margin:0 0.6% 15px 0.6%; }
.in_abpic li:hover .changpic img{ transform: scale(1.15); }
.in_abpic li:first-child{ width: 48.8%; }

.ab_visit{ margin-top: 50px; }
#featured-area{height:275px;width:100%;margin:340px auto 0 auto; position: relative;}
.roundabout-holder{list-style:none;width:820px;height:auto;margin:0px auto;}
.roundabout-moveable-item{font-size:12px!important;height:auto;width:1070px; background: #000; cursor:pointer;-webkit-border-radius:5px;-moz-border-radius:5px;}
.roundabout-moveable-item img{height:100%;width:100%;background-color:#000;margin:0; opacity: 0.5; transition: all 0.3s; }
.roundabout-moveable-item.roundabout-in-focus img{opacity: 1;}
.roundabout-in-focus{cursor:auto;}
.roundabout-in-focus:hover{-webkit-box-shadow:0px 0px 20px #787878;-moz-box-shadow:0px 0px 20px #787878;background:#f9f9f9;}
.roundabout a:active, .roundabout a:focus, .roundabout a:visited{outline:none;text-decoration:none;}
.roundabout li{margin:0; background: #000;}
.ban_r_btn{ width: 39px; height: 72px; background: url(../images/ab_right.png) no-repeat center; cursor: pointer; background-size: 100%; position: absolute; top: -6%; right: 50px; z-index: 555; }
.ban_l_btn{ width: 39px; height: 72px; background: url(../images/ab_right.png) no-repeat center; cursor: pointer; transform: rotate(180deg); background-size: 100%; position: absolute; top: -6%; left: 50px; z-index: 555; }

.ab_factory{ margin-top: 85px;  }
.ab_factory ul{ margin-top: 35px; overflow: hidden; width: 100%; }
.ab_factory ul li{ float: left; width: 49.3%; margin-bottom: 18px; }
.ab_factory ul li:nth-of-type(2){ float: right; }
.ab_factory ul li:nth-of-type(3),.ab_factory ul li:nth-of-type(4),.ab_factory ul li:nth-of-type(5){ width: 32.5%; margin-right: 1.2%; }
.ab_factory ul li:nth-of-type(5){ margin-right: 0; }
.ab_factory ul li:hover .changpic img{ transform: scale(1.15); }

.ab_honor{ margin-top: 65px; padding-bottom: 70px; }
.ab_honorswiper{ margin-top: 30px; }
.ab_honorswiper .item{ margin: 0 22px; }
.ab_honorswiper .owl-theme .owl-controls{ margin-top: 0; text-align: left; position: absolute; top: 40%; left: 0; width: 100%; z-index: 55; }
.ab_honorswiper .owl-controls .owl-buttons{ position: relative; }
.ab_honorswiper .owl-controls .owl-buttons div{ background: url(../images/right.png) center center no-repeat; background-size: 100%; position: absolute; border-radius: 0; height: 33px; width: 19px; }
.ab_honorswiper .owl-controls .owl-buttons .owl-prev{ opacity: 1; text-indent: -9999em; left: -60px; transform: rotate(180deg);}
.ab_honorswiper .owl-controls .owl-buttons .owl-next{opacity: 1;  text-indent: -9999em;  right: -60px;  }
.ab_honorswiper .owl-controls .owl-buttons div:hover{  cursor: pointer; background: url(../images/right3.png) center center no-repeat; background-size: 100%;}


.his_box{ padding-bottom: 70px; }
.historybox_lis{position: relative;}
.historybox_lis .line{ position: absolute; width: 100%; left:0; top: 50%; height: 2px; background:#bfbfbf; }
.historybox_lis .item{position: relative;}
.historybox_lis .item-box{ transition: all 0.5s; padding:15px; min-height: 195px;  background:#efefef; width: 100%; margin-bottom:60px; }
.historybox_lis .fon{font-size: 16px; line-height: 22px; margin-top: 8px; height: 154px; overflow: hidden; color: #666;}
.historybox_lis .zhi{ width: 26px;height: 64px; transition: all 0.3s; background: url(../images/his_icon.png) no-repeat ; margin:0 auto; position: absolute; bottom: -64px; left:50%; margin-left: -18px;}
.historybox_lis .num{ font-size: 28px; width: 100%; font-weight: bold; }
.historybox_lis .owl-item:nth-child(even) .item{ margin-top: 323px; }
.historybox_lis .owl-item:nth-child(even) .item-box{ margin-bottom: 0; }
.historybox_lis .owl-item:nth-child(even) .item .zhi{top: -64px; transform: rotate(180deg);}
.historybox_lis .item:hover .item-box{ background: #f63825; color: #fff; }
.historybox_lis .item:hover .item-box .fon{ color: #fff; }
.historybox_lis .item:hover .zhi{background: url(../images/his_icon2.png) no-repeat;}
.historybox_lis .owl-carousel .owl-wrapper-outer{ padding: 5px 0; }
.historybox_lis .owl-controls .owl-buttons div{position: absolute; left:-60px; opacity: 1; top: 50%; margin-top: -20px; width: 40px; height: 40px; border-radius: 40px;background:url(../images/right2.png) no-repeat center #d3d3d3; background-size: 12px;  text-indent: 9999px; overflow: hidden;}
.historybox_lis .owl-controls .owl-buttons div.owl-next{left: auto; right:-60px; }
.historybox_lis .owl-controls .owl-buttons div.owl-prev{ transform: rotate(180deg); }
.historybox_lis .owl-controls .owl-buttons div:hover{ background:url(../images/right2.png) no-repeat center #5e5e5e; background-size: 12px; }

.lis_faq{ overflow: hidden; padding-bottom: 40px;}
.lis_faq li{ width:48.2%;float:left; margin-bottom: 55px; transition: all 0.8s;  overflow: hidden;}
.lis_faq li:nth-child(even){ float: right; }
.lis_faq li h3{font-size: 18px; min-height: 25px; position: relative; line-height: 25px; padding:0 0 0 40px;}
.lis_faq li h3:after{ content: ''; position: absolute; left: 0; top: 0; width: 25px; height: 25px; background:url(../images/icon_faq.png) no-repeat left top; }
.lis_faq .a{ background: #f6f6f6; margin-top: 20px; padding:35px;}
.lis_faq .a p{  font-size: 16px; line-height:24px; height: 72px; overflow: hidden; color: #666; }

/*分页 结束*/
.digg4{ text-align:center; font-size: 17px;/* font-weight: bold;*/ margin-top: 25px;}
.digg4 a,.digg4 span.miy,.digg4 span.disabled,.digg4 span.current{width:43px; border-radius: 43px; text-align: center; cursor: pointer; display: inline-block; vertical-align: middle; background: #cbc6c6; height:43px; line-height: 43px; color:#cecece; text-decoration:none; margin:0 5px;}
.digg4 span.current,.digg4 span:hover,.digg4 span:hover.disabled,.digg4 a:hover { color:#fff; background:#f63825; border-radius: 43px;}
.digg4 span.disabled { font-size: 40px; line-height:39px; font-weight: normal;  background: transparent; color: #999;}
.digg4 a{ color: #fff; }
/*分页 结束*/

/*case*/
.case_box{ padding-bottom: 70px; }
.case_list li{ padding: 32px 0;  }
.case_item{ overflow: hidden; }
.case_item .lcon{ width: 50%; float: left; padding: 38px 0 0 0 }
.case_item .lcon h2{ font-size: 32px; height: 38px; line-height: 38px; overflow: hidden; }
.case_item .lcon p{ margin-top: 22px; line-height: 30px; color: #666; height: 90px; overflow: hidden; display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.case_item .lcon span{ display: inline-block; margin-top: 48px; border-radius: 30px; font-weight: bold; padding: 10px 62px; color: #666; background: #d9d9d9; }
.case_item .rcon{ width: 50%; float: right; padding-left: 50px; }
.case_list li:nth-of-type(even){ background: #f7f7f7; }
.case_list li:hover .changpic img{ transform: scale(1.15); }
.case_list li:hover .case_item .lcon span{ background: #f63825; color: #fff; }
/*产品详情*/
.pro_gdbox{ width: 100%; overflow: hidden; margin-bottom: 45px; }
.pro_gdbox .prolcon{ width: 44.5%; float: left; background: #ececec; }
.pro_gdbox .prorcon{ width: 55.5%; border-radius: 8px; background: #fff; float: right; padding: 0 36px 30px 38px; }
.pro_swiper .owl-theme .owl-controls{ margin-top: 0; position: absolute; bottom: 20px; width: 100%; }
.pro_swiper .owl-theme .owl-controls .owl-page span{ width: 14px; height: 14px; }
.pro_swiper .owl-theme .owl-controls .owl-page.active span{ background: #f63825; }


.pro_gdbox .prorcon h2{ font-size: 32px; }
.share{ margin-top: 10px; }

.pro_desc{ margin-top: 7px;  overflow-y: auto; }
.pro_desc p{ color: #666; font-size: 16px; line-height: 36px; position: relative; padding-left: 23px; }
.pro_desc p:after{ content: ''; position: absolute; top: 6px; left: 0; width: 11px; height: 11px; background: url(../images/pro_descicon.png) no-repeat; background-size: cover; }

.pro_lxbtn{ margin-top: 24px; }
.pro_lxbtn a{ background: #fff; border: 1px solid #424242; text-align: center; border-radius: 3px; padding:12px 0; width: 40%; display: inline-block; }
.pro_lxbtn a:hover{ opacity: 0.85; }
.pro_lxbtn a:last-child{ background: #424242; margin-left: 3%; color: #fff; }
.pro_lxbtn a i{ color: #f63825; display: inline-block; font-size: 26px; margin-right: 8px; }
.pro_lxbtn a *{ vertical-align: middle; }
.pro_lxbtn a:last-child i{ color: #fff; }

.proinfo_nav{ overflow: hidden; background: url(../images/info_navbg.jpg) no-repeat; background-size: cover; padding: 26px 0; }
.proinfo_nav.top0{ position: fixed; top: 0; left: 0; width: 100%; z-index: 666; }
.proinfo_nav a{ margin-right: 0.1%; border-right: 1px solid #fff; position: relative; color: #fff; font-size:20px; width: 19.9%; text-align: center; float: left; display: block; }
.proinfo_nav a.on,.proinfo_nav a:hover{ color: #f59422;}
.proinfo_nav a:last-child{ border: none; }


.del_box{ background: #fff; padding: 46px 0 35px 0; }
.del_item{ margin-bottom: 40px; }
.del_item h3{ font-size: 24px; display: inline-block; margin-bottom: 24px; color: #fff; background: #f63825; border-left: 9px solid #f59422; padding: 12px 55px 12px 20px; }
.del_item h3 *{ vertical-align: middle; }
.del_item h3 i{ display: inline-block; margin-right: 8px; font-size: 25px; font-weight: normal; width: 25px; height: 27px; overflow: hidden; }
.del_item p{ font-size: 16px; line-height: 26px; }

.del_app{ margin-top: 28px; overflow:hidden; }
.del_app li{ float: left; width: 31.5%; margin-right: 2.5%; }
.del_app li:last-child{ margin-right: 0;}
.del_app li:hover .changpic img{ transform: scale(1.15); }

.pro_inform{ background: #f7f7f7; padding: 38px 0; }
.solu_table{ margin-top: 0; }
.infoform input, .infoform textarea{ background: #fff; border: 1px solid #e1e1e1; }
.infoform span{ display: block; margin-bottom: 12px; font-weight: bold; }
.infoform input::-webkit-input-placeholder, .infoform  textarea::-webkit-input-placeholder { color: #c4c4c4;}
.infoform  input:-moz-placeholder,.infoform  textarea:-moz-placeholder {color: #c4c4c4;}
.infoform  ul li:nth-of-type(3), .infoform  ul li:nth-of-type(4){ width: 100%; }
.form_text{ position: relative; }
.butt{    display: block;margin: 0 auto;
    text-align: center; top: 0; right: 0; border-radius: 0;     width: 20%;     height: 100px;
    background: #f63825;
    color: #fff;
    font-size: 25px; }

.pro-owl-item{width:25%}
.rel_swiper{ margin-top: 20px; position: relative; }
.rel_swiper .owl-item .in_proitem{ background: #fff; text-align: center; padding: 25px 0; position: relative; }
.rel_swiper .owl-item:nth-of-type(even) .in_proitem{ background: #ececec; }
.link_a{ position: absolute; width: 100%; transition: all 0.3s; display: flex; align-items: center; justify-content: center; height: 100%; background: rgba(72,73,65,0.7); top: -100%; left: 0; text-align: center; }
.link_a h6{ color: #fff; font-size: 50px; }
.rel_swiper .item:hover .link_a{ top: 0; }
.rel_swiper .owl-theme .owl-controls{ margin-top: 0; text-align: left; position: absolute; top: 40%; left: 0; width: 100%; z-index: 55; }
.rel_swiper .owl-controls .owl-buttons{ position: relative; }
.rel_swiper .owl-controls .owl-buttons div{ background: url(../images/right.png) center center no-repeat; background-size: 100%; position: absolute; border-radius: 0; height: 33px; width: 19px; }
.rel_swiper .owl-controls .owl-buttons .owl-prev{ opacity: 1; text-indent: -9999em; left: -60px; transform: rotate(180deg);}
.rel_swiper .owl-controls .owl-buttons .owl-next{opacity: 1;  text-indent: -9999em;  right: -60px;  }
.rel_swiper .owl-controls .owl-buttons div:hover{  cursor: pointer; background: url(../images/right3.png) center center no-repeat; background-size: 100%;}

.con_inform{ padding-top: 42px; padding-bottom: 105px; }
.con_inform p{ margin-top: 6px; color: #666; }
.con_inform form{ margin-top: 30px; }
.con_inform ul li{ width: 49%; float: left; }
.con_inform ul li:nth-of-type(even){ float: right; }
.con_inform ul li:last-child{ width: 100%; }
.con_inform .infoform input, .con_inform .infoform textarea{ border: 1px solid #bfbfbf; }
/*news*/
.news_box{ padding-bottom: 90px; }
.news_list{ width: 100%; overflow: hidden; }
.news_list li{ float: left; margin-right: 3%; width: 31.3%; margin-bottom: 60px; }
.news_list li:nth-of-type(3n){ margin-right: 0; }
.news_item .changpic{ position: relative; }
.news_item .changpic:after{ content: ''; transition: all 0.3s; position: absolute; bottom: 0; left: 50%; margin-left: -16px; width: 0;
    height: 0; border-style: solid; border-width: 0 16px 25px 16px; border-color: transparent transparent #f7f7f7 transparent; }
.news_text{ background: #f7f7f7; transition: all 0.3s; padding: 35px 25px 48px 25px; }
.news_text h2{ font-size: 18px; color: #333; line-height: 26px; height: 26px; overflow: hidden; }
.news_text p{ margin-top: 12px; line-height: 22px; height: 66px; overflow: hidden; color: #666; display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 3; font-size: 16px; }
.news_list li:hover .changpic img{ transform: scale(1.15); }
.news_list li:hover .news_text{ background: #f63825; }
.news_list li:hover .news_text h2{ color: #fff; }
.news_list li:hover .news_text p{ color: #ffae9a; }
.news_list li:hover .news_item .changpic:after{ border-color: transparent transparent #f63825 transparent;  }


.news_del{ padding: 0 0 100px 0; }
.infocon{color: #666; background: #fff; padding: 48px; }
.infocon h2{font-size:30px; text-align: center; margin-bottom: 10px; color: #222;}
.infocon img{ display: inline-block; margin: 12px 0; max-width: 100%; }
.infocon .time{ text-align: center;margin-bottom:20px; margin-top: 18px;}
.infocon .time i{ font-size: 24px; color: #e9681a; display: inline-block; }
.infocon .other{ margin:30px 0 0 0; position: relative; }
.infocon .other div{margin:8px 0;}
.infocon .other{ color: #666; font-size: 18px; border-top: 1px solid #dcdcdc; padding-top: 20px; }
.infocon .other a{color: #666}
.infocon .other a:hover{ color:#f63825; }
.infocon p{line-height:28px; margin-bottom: 10px; color: #666; }
/*video*/
.video_box{ padding-bottom: 76px; }
.video_list{ width: 100%; overflow: hidden; padding: 5px; }
.video_list li{ float: left; margin-right: 2%; width: 23.5%; margin-bottom: 35px; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.1); }
.video_list li:nth-of-type(4n){ margin-right: 0; }
.video_pic{ position:relative; }
.video_pic .changpic{ background: #000; }
.video_pic .changpic img{ opacity: 0.46; }
.video_btn{ width: 41px; height: 41px; position: absolute; transition: all 0.3s; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; }
.video_list li:hover .video_pic .changpic img{ opacity: 1; }
.video_list li:hover .video_btn{ opacity: 0; }
.video_text{ padding: 16px 20px 26px 20px; }
.video_text p{ line-height: 28px; height: 28px; overflow: hidden; font-size: 16px; font-weight: bold; }
.video_text span{ font-size: 14px; color: #999; display: inline-block; margin-top: 10px; }
.video_text span i{ display: inline-block; }

/*solution*/
.soluwar{ background: #f5f5f5; padding: 20px; overflow: hidden; }
.soluwar .lcon{ width: 548px; float: left; }
.soluwar .rcon{ margin-left: 548px; padding: 35px 45px 0 36px; }
.soluwar .rcon h2{ font-size: 30px;  }
.soluwar .rcon p{ margin-top: 22px; line-height: 32px; color: #666; }

.solu_cfbsys{ width: 100%; overflow: hidden; margin-top: 42px; }
.solu_cfbsys .lcon{ float: left; width: 50%; padding-right: 86px; }
.solu_cfbsys .rcon{ float: left; width: 50%; padding-left: 10px; }
.so_tit{ height: 54px; line-height: 54px; display: inline-block; padding-right: 58px; border-left: 7px solid #f37f39; background: #424242; padding-left: 25px; color: #fff; font-size: 20px; font-weight: bold; }
.so_lcpic{ margin-top: 26px; }
.cfb_sysbox{ margin-top: 26px; background: #f2f2f2; padding: 35px 26px 80px 40px; }
.cfb_sysbox ul li p{ color: #333; margin-bottom: 5px; }
.cfb_sysbox ul li span{ display: block; font-size: 16px; line-height: 24px; color: #666; margin-top: 5px; }
.cfb_sysbox ul li{ padding-left: 28px; position: relative; margin-bottom: 30px; }
.cfb_sysbox ul li:after{ content: ''; position: absolute; top: 0; left: 0; width: 15px; height: 15px; background: url(../images/sys_icon.png) no-repeat; background-size: cover; }

.solu_mater{ margin-top: 46px; padding: 74px 0 98px 0; background: url(../images/solu_materbg.jpg) no-repeat center; background-size: cover; }
.solu_mater h3{ color: #fff; font-size: 24px; }
.solu_mater p.des{ font-size: 16px; line-height: 22px; color: #fff; margin-top: 10px; }
.solu_tabbox{ margin-top: 30px; position: relative; overflow: hidden; min-height: 275px; background: rgba(255,255,255,0.74); border-top-right-radius: 300px; border-bottom-right-radius: 300px; }
.solu_tab{ width: 370px; position: absolute; height: 100%; background: #bc7a59; top: 0; left: 0; padding: 20px 0 0 20px; }
.solu_tab ul li{ margin-bottom: 10px; }
.solu_tab ul li a{ font-size: 14px; color: #e4c5b5;}
.solu_tab ul li.on a{ font-size: 16px; color: #fff; font-weight: bold; }
.solu_tabqh{ margin-left: 370px; padding: 20px 18px 20px 54px; }
.tabqh_item{ overflow: hidden; display: none; }
.tabqh_item .tabqh_text{ float: left; width: 76%; padding-right: 70px; padding-top: 30px; }
.tabqh_item .tabqh_pic{ float: right; width: 24%; }
.tab_itempic{ padding-top: 100%; background: #fff; border-radius: 100%; overflow: hidden; position: relative; }
.tab_itempic img{ width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }
.tabqh_text h5{ font-size: 18px; font-weight: normal; }
.tabqh_text p{ margin-top: 15px; font-size: 16px; line-height: 22px; color: #666; }
.tabqh_item.on{ display: block; }

.solu_bricks{ padding: 45px 0 65px 0; }
.solu_bricks .so_tit{ font-size: 24px; }
.bricks_dec{ margin-top: 16px; font-size: 16px; line-height: 20px; color: #666; }
.solu_table{ width: 100%; margin-top: 28px; overflow-x: auto; }
.solu_table table{ overflow: scroll; border-top: 1px solid #c8c8c8; border-left: 1px solid #c8c8c8;}
.solu_table table tr td{ padding: 15px 10px; font-size: 16px; border-right: 1px solid #c8c8c8; text-align: center; border-bottom: 1px solid #c8c8c8; }
.solu_table table tr:first-child td{ background: #dbdbdb; font-size: 18px; font-weight: bold;  }

.solu_table table tr:hover{background: #f6af35}
/*contact*/
.con_usshow{ width: 100%; overflow: hidden; padding-bottom: 65px; }
.con_tite{ text-align: center; }
.con_tite h1{ font-size: 32px; text-transform: uppercase; }
.con_tite p{ margin-top: 6px; color: #999; }
.con_lxbox{ width: 100%; overflow: hidden; margin-top: 24px; padding: 10px 6%; }
.con_lxbox li{ float: left; padding-top: 50px; width: 22.7%; text-align: center; margin-right: 3%; min-height: 280px; border-radius: 3px; border:1px dashed #ff7567; }
.con_lxbox li:last-child{ margin-right: 0; }
.con_lxbox li h6{ width: 88px; height: 88px; overflow: hidden; border-radius: 88px; background: #f63825; color: #fff; text-align: center; line-height: 66px; font-weight: normal; }
.con_lxbox li h6 a{ color: #fff; font-size: 42px; display: inline-block; }
.con_lxbox li p{ font-size: 22px; font-weight: bold; margin-top: 32px; }
.con_lxbox li a{ color: #666; display: block; margin-top: 12px; }
.con_lxbox li:hover{ border: none; box-shadow: 0 1px 10px 0 rgba(0,0,0,0.2); }

.con_formmap{ width: 100%; overflow:hidden; position: relative; }
.con_formmap:before{ content: ''; width:100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/con_formbg.jpg) no-repeat; background-size: cover; }
.con_formmap .rcon{ width: 46%; float: right; }
.con_formmap .warper{ position: absolute; top: 0; left: 50%; margin-left: -700px; }
.con_formmap .warper .lcon{ width: 100%; padding: 60px 0px 65px 0; }
.con_formmap .infoform{ margin-top: 0; }
.con_formmap .infoform h2{ font-size: 32px; }
.infoform p{ font-size: 17px; color: #666; margin-top: 15px; }
.infoform form{ margin-top: 28px; }

.infoform li{width: 49%; margin-bottom: 38px; float: left; overflow: hidden;}
.infoform li:nth-of-type(even){ float: right; }
.infoform input,.infoform textarea{width: 100%; border-bottom: 1px solid #c9c9c9; resize: none; font-family:Arial;/* background:transparent; */font-size: 16px; line-height: 24px; padding: 14px 20px; }
.infoform form input::-webkit-input-placeholder,.infoform form textarea::-webkit-input-placeholder { color: #666;}
.infoform form input:-moz-placeholder,.infoform form textarea:-moz-placeholder {color: #666;}
.infoform li:last-child, .infoform li:nth-of-type(5), .infoform li:nth-of-type(6) { width: 100%; float: none;}
.infoform li:last-child{ width: 100% !important; float: none; margin-top: 30px; }
.button{float: left;
    width: 100%;
    overflow: hidden; }
.button:hover{ opacity: 0.55; }
.button input.btn_submit{
    background: #eb0001;
    background: -webkit-linear-gradient(left, #ff6255, #ec0823);
    background: -o-linear-gradient(left,#ff6255, #ec0823);
    background: -moz-linear-gradient(left,#ff6255, #ec0823);
    background: linear-gradient(left,#ff6255, #ec0823);
    border-radius: 2rem;
    border: 0;
    /* margin: 20px auto 0; */
    -webkit-appearance: none;
    display: block;
    width: 200px;
    height: 60px;
    /* line-height: 50px; */
    text-align: center;
    color: white;
    cursor: pointer;
    font-size: 18px;
    overflow: hidden;
    -webkit-appearance: none;
}
.button input.btn_submit1{
    background: #eb0001;
    background: -webkit-linear-gradient(left, #ff6255, #ec0823);
    background: -o-linear-gradient(left,#ff6255, #ec0823);
    background: -moz-linear-gradient(left,#ff6255, #ec0823);
    background: linear-gradient(left,#ff6255, #ec0823);
    border: 0;
    -webkit-appearance: none;
    display: block;
    width: 200px;
    height: 40px;
    /* line-height: 50px; */
    text-align: center;
    color: white;
    cursor: pointer;
    font-size: 18px;
    overflow: hidden;
    -webkit-appearance: none;
}
@media screen and (max-width: 1680px){
    .in_abtext{ width: 43%; padding: 48px 0 0 0; }
    .in_abbtn{ margin-top: 42px; }
    .in_absubnav ul li{ padding-left: 0; }
    .in_absubnav ul li:after{ display: none; }
    .con_formmap{ height: 680px; }
}
@media screen and (max-width: 1600px){
    .in_abvideo{ width: 820px; }
    .in_ab{ height: 758px; }
    .in_abtext{ width: 46%; }
    .in_absubnav{ margin-top: 66px; }
    .banner_text p{ font-size: 36px; }
}


@media screen and (max-width: 1440px){
    .warper{ width: 100%; padding: 0 110px; }
    .logo{ left: 20px; }
    .head_rcon{ right: 20px; }
    nav{ margin-right: 20px; }
    .fixnav li .ic{ width: 45px; height: 45px; line-height: 45px; }
    .fixnav li .iconfont{ font-size: 23px; }
    .fixnav li span{ line-height: 45px; margin-right: 45px; }
    .fixnav li{ width: 45px; height: 45px; }
    .in_probox .rcon h1{ font-size: 44px; }
    .in_date ul li span{ font-size: 52px; }
    .in_solu .in_solunav{ width: 20%; }
    .in_solupic{ padding-left: 0; width: 79.8%; margin-left: 0; float: right; }
    .in_solu .in_solunav ul li a{ padding: 7.5px 0; }
    .in_abvideo{ width: 678px; }
    .in_abtext{ width: 50%; }
    .in_abp p{ line-height: 30px; }
    .in_ab{ height: 732px; }
    .in_absubnav{ margin-top: 45px; }
    .in_caseitem .lcon{ width: 460px; padding: 58px 38px 0 35px; }
    .in_caseitem .rcon{ margin-left: 460px; }
    .in_caseswiper .owl-theme .owl-controls{ bottom: 5px; }
    .in_case{ padding: 50px 0; }
    footer .item1,footer .item2,footer .item3{ padding-bottom: 10px; }
    .in_newswar{ margin-top: 30px; }
    .home_boxtit{ font-size: 36px; }
    .in_probtn{ margin-top: 74px; }
    .paddt55{ padding-top: 40px; }
    .pro_gdbox .prorcon{ padding-top: 0; padding-bottom: 0; }
    .del_item h3{ margin-bottom: 10px; }
    .del_app,.infoform form,.rel_swiper{ margin-top: 10px; }
    .roundabout-holder{ width: 600px; }
    .ab_honor{ margin-top: 40px; }
    .news_list li{ margin-bottom: 28px; }
    .con_usshow{ padding-bottom: 40px; }
    .in_prolist li .in_protext{ padding: 50px 24px 0 24px; }
    .solu_tabqh{ padding: 20px 18px 20px 25px; }
    .tabqh_item .tabqh_text{ padding-right: 30px; width: 68%; }
    .tabqh_item .tabqh_pic{ width: 29%; }
    .con_formmap .warper{ left: 0; margin-left: 0; }
    .rel_swiper .owl-controls .owl-buttons .owl-prev{ left: -30px; }
    .rel_swiper .owl-controls .owl-buttons .owl-next{ right: -30px; }
    .pro_inform{ padding-bottom: 10px; }
}

@media screen and (max-width: 1366px){
    .warper{ width: 100%; padding: 0 100px; }
    .in_probox .rcon ul{ margin-top: 57px; }
    .in_date ul li span{ font-size: 44px; }
    .in_solu .in_solunav ul li a{ padding: 17.2px 0; }
    .in_solu .in_solunav ul li a p{ margin-top: 2px; }
    .in_solu{ padding: 40px 0; }
    .in_solu .in_solunav ul li img{ height: 52.5px; }
    .in_abvideo{ width: 640px; margin-top: 36px; }
    .in_caseswiper .owl-theme .owl-controls .owl-buttons div{ width: 60px; height: 60px; }
    .pro_desc{ margin-top: 8px; }
    .share{ margin-top: 20px; }
    .pro_gdbox,.del_item{ margin-bottom: 30px; }
    .del_box{ padding: 30px 0; }
    .del_app li{ margin-right: 1.5%; width: 32.3%; }
    .infoform li{ margin-bottom: 18px; }
    .backToTop{ width: 52px; height: 52px; right: 0; }
    .ab_visit{ margin-top: 20px; }
    .ab_factory{ margin-top: 58px; }
    .ab_honor{ margin-top: 5px; }
    .ab_honorswiper .item{ margin: 0 8px; }
    .lis_faq li{ margin-bottom: 35px; }
    .news_list li{ margin-right: 2%; width: 32%; margin-bottom: 25px; }
    .news_box{ padding-bottom: 58px; }
    .solu_cfbsys .lcon{ padding-right: 20px; }
    .cfb_sysbox{ padding: 35px 26px 1px 40px; }
    .tabqh_item .tabqh_pic{ width: 32%; }
    .solu_mater{ padding: 50px 0; }
    .con_lxbox li{ padding-top: 36px; min-height: 244px; margin-right: 1%; width: 24.2%; }
    .con_lxbox li p{ margin-top: 18px; }
    .con_lxbox li a{ font-size: 17px; }
    .con_lxbox li h6{ width: 75px; height: 75px; line-height: 75px; font-size: 35px; }
    .con_lxbox li h6 a{ font-size: 35px; }
    .pro_l h1{ font-size: 27px; }
    .con_formmap{ height: 616px; }
    .infocon{ padding: 30px; }
}


@media screen and (max-width: 1280px){
    .warper{ width: 100%; padding: 0 90px; }
    nav li>a{ padding: 40px 22px 42px 22px; }
    nav{ margin-right: 44px; }
    .accordion li{ padding-bottom: 8px; }
    .pro_box{ padding-bottom: 50px; }
    .paddt55{ padding-top: 35px; }
    .pro_l{ width: 274px; }
    .submenu li{ padding-left: 25px; }
    .accordion li{ padding-bottom: 0; }
    .pro_sear{ display: none; }
    .pro_r{ margin-left: 274px; }
    .in_probox .rcon h1{ font-size: 38px; }
    .in_probox .rcon{ padding: 50px 19px 112px 21px; }
    .in_date ul li span{ font-size: 38px; }
    .in_date{ padding: 40px 0; }
    .in_abvideo{ width: 602px; }
    .in_abp p{ line-height: 26px; }
    .in_ab{ height: 690px; }
    .in_absubnav{ margin-top: 32px; }
    .in_absubnav ul li{ margin-right: 60px; }
    .in_caseitem .lcon{ width: 360px; padding: 30px 20px 0 20px; }
    .in_caseitem .rcon{ margin-left: 360px; }
    footer .item1{ display: none; }
    footer .item2{ margin-left: 0; }
    footer .item3{ width: 28%; }
    footer .item4{ width: 48%; }
    #featured-area{ height: 135px; margin: 279px auto 0 auto; }
    .roundabout-moveable-item{ width: 900px; }
    .ban_r_btn,.ban_l_btn{ width: 18px; height: 32px; }
    .ab_factory{ margin-top: 138px; }
    .ab_factory ul,.ab_honorswiper{ margin-top: 18px; }
    .news_text{ padding: 18px 15px 20px 15px; }
    .news_text p{ margin-top: 8px; }
    .video_list li{ margin-right: 1.5%; width: 23.8%; margin-bottom: 20px; }
    .video_box{ padding-bottom: 50px; }
    .soluwar .rcon{ padding: 15px 20px 0 20px; }
    .soluwar .rcon p{ line-height: 26px; }
    .solu_cfbsys{ margin-top: 25px; }
    .solu_mater{ margin-top: 30px; }
    .solu_bricks{ padding: 30px 0 40px 0; }
    .solu_table{ margin-top: 10px; }
    #banner_home{ height: auto; }
    .con_formmap{ height: 586px; }
    .con_formmap .warper .lcon{ padding: 32px 30px 0 0; }
}

@media screen and (max-width: 1180px){
    .head_rcon{ display: none; }
    nav{ margin-right: 0; }
    header .warper{ padding: 0 20px; }
    nav li>a{ padding: 40px 13px 42px 13px; }
}
@media screen and (max-width: 1024px){
    .warper{ padding: 0 60px; }
    .banner_text p{ font-size: 20px; line-height: 32px; }
    .in_probox .rcon{ display: none; }
    .in_probox .lcon{ margin-top: 0; width: 100%; float: none; }
    .in_probox{ padding: 32px 0; }
    .in_date ul li span{ font-size: 34px; }
    .in_date ul li i{ font-size: 24px; width: 24px; height: 24px; }
    .in_date{ padding: 35px 0; }
    .in_solu .in_solunav ul li img{ height: 32px; }
    .in_solu{ padding: 30px 0; }
    .in_ab:before{ display: none; }
    .in_abtext{ padding: 30px 0; }
    .in_abvideo{ width: 47%; }
    .home_boxtit{ font-size: 28px; padding-bottom: 0; }
    .home_boxtit:after,.in_absubnav{ display: none; }
    .in_ab{ height: auto; }
    .in_abbtn{ margin-top: 18px; }
    .in_abp{ margin-top: 5px; }
    .in_abp p{ line-height: 24px; }
    .in_num{ display: none; }
    .in_caseitem .lcon{ height: auto; padding: 30px 20px; width: 37%; }
    .incase_text{ margin-top: 0; }
    .in_caseitem .rcon{ padding-top: 0; padding-bottom: 0; width: 70%; float: right; margin-left: 0; width: 63%; }
    .in_casewarbox .home_boxtit{ position: static; margin-bottom: 10px; }
    .in_caseswiper .owl-theme .owl-controls{ text-align: center; position: static; }
    .in_caseswiper .owl-theme .owl-controls .owl-buttons div{ width: 35px; height: 35px; background-size: 30%; }
    .in_caseswiper .owl-theme .owl-controls .owl-buttons div.owl-prev{ background-size: 30%; }
    .in_casewarbox{ height: auto; }
    .in_case{ padding: 30px 0; }
    .in_newmore{ padding: 3px 12px; }
    .item-text{ padding: 24px; }
    .in_newswar{ margin-top: 10px; }
    footer .item2{ display: none; }
    footer .item3{ margin-left: 0; width: 36%; }
    footer .item{ padding-bottom: 20px; }
    .in_news{ padding: 30px 0 40px 0; }
    .pro_l{ width: 100%; float: none; }
    .pro_l h1 a{ display: inline-block; }
    .pro_navbox{ padding: 12px 0; }
    .pro_l h1{ padding: 12px; position: relative; }
    .paddt55{ padding-top: 20px; }
    .pro_l h1 a{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: #fff; text-align: right; padding-top: 11px; padding-right: 18px; }
    .accordion li .links.active{ background: url(../images/select_iconq2.png) no-repeat 97.5% 19px; }
    .accordion .links{ background: url(../images/select_iconq.png) no-repeat 97.5% 15px; }
    .pro_navbox{ display: none; }
    .pro_r{ margin-left: 0; padding-left: 0; margin-top: 18px; }
    .in_prolist li:hover .in_proitem{transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);}
    .in_prolist li:hover .in_protext{transform: rotateY(-180deg);
        -webkit-transform: rotateY(-180deg);}
    .in_prolist li .in_protext{ display: none; }
    .pro_gdbox .prorcon{ padding-right: 0; padding-left: 20px; }
    .pro_gdbox .prorcon h2{ font-size: 27px; }
    .pro_lxbtn{ margin-top: 10px; }
    .pro_gdbox, .del_item{ margin-bottom: 15px; }
    .del_item h3{ font-size: 22px; }
    .del_box{ padding-top: 0; }
    .pro_swiper .owl-theme .owl-controls{ bottom: 0; }
    .page_boxtit span{ font-size: 36px; }
    .page_boxtit b{ top: 15px; }
    .in_abpic li{ margin: 0 0.6% 8px 0.6%; }
    .roundabout-moveable-item{ width: 700px; }
    .roundabout-holder{ width: 400px; }
    #featured-area{ height: 78px;  margin: 216px auto 0 auto; }
    .page_boxtit{ font-size: 26px; }
    .ab_honorswiper .owl-controls .owl-buttons .owl-prev{ left: -30px; }
    .ab_honorswiper .owl-controls .owl-buttons .owl-next{ right: -30px; }
    .his_box{ padding-bottom: 30px; }
    .lis_faq .a{ margin-top: 10px; padding: 20px; }
    .lis_faq li{ margin-bottom: 25px; }
    .digg4{ margin-top: 12px; }
    .case_item .lcon{ padding-top: 0; }
    .case_item .lcon span{ margin-top: 18px; padding: 10px 27px; }
    .case_item .lcon p{ margin-top: 6px; }
    .case_item .lcon h2{ font-size: 24px; }
    .case_item .lcon p{ line-height: 25px; font-size: 17px; height: 75px; }
    .digg4 a, .digg4 span.miy, .digg4 span.disabled, .digg4 span.current{ width: 35px; height: 35px; line-height: 35px; }
    .digg4 span.disabled{ line-height: 24px; }
    .case_list li{ padding: 25px 0; }
    .video_text{ padding: 15px; }
    .video_text span{ margin-top: 3px; }
    .soluwar{ padding: 12px; }
    .soluwar .lcon{ float: none; width: 100%; }
    .soluwar .rcon{ margin-left: 0; padding:15px 0; }
    .soluwar .rcon p{ margin-top: 5px; }
    .soluwar .rcon h2{ font-size: 24px; }
    .cfb_sysbox{ padding: 19px 14px 1px 14px; margin-top: 10px; }
    .so_lcpic{ margin-top: 10px; }
    .tab_itempic{ display: none; }
    .tabqh_item .tabqh_text{ padding: 0; width: 100%; float: none; }
    .solu_tabbox{ border-top-right-radius: 0; border-bottom-right-radius: 0; }
    .solu_mater{ padding: 30px 0; }
    .solu_tabbox{ margin-top: 10px; }
    .posinav ul li a{ padding: 0 8px; }
    .con_lxbox li{ width: 48.2%; margin-bottom: 8px; }
    .con_lxbox{ padding: 10px 0; }
    .con_usshow{ padding-bottom: 12px; }
    .con_lxbox{ margin-top: 10px; }
    .in_solu .in_solunav ul li a p{ font-size: 16px; }
    .in_solu .in_solunav ul li a{ padding: 16.4px 0; }
    .del_item .infoform form button{ font-size: 25px; }
    .prodel_xl ul li{ width: 100%; float: none; margin-bottom: 5px; padding-left: 53px; padding-top: 0; }
    .prodel_xl ul li h6{ width: 46px; height: 46px; line-height: 46px; font-size: 26px; }
    .prodel_xl{ margin-top: 4px; }
}
@media screen and (max-width: 990px){
    #nav .nav-button{display: block; top: 14px; }
    header,header.position{ height: 62px; }
    header{ background: #333; }
    nav{position: fixed; left: 0;top: 0;bottom: 0;width: 250px; z-index: 999;overflow: auto;background: #222; transform: translateX(-300px);transition: 0.3s;}
    nav li{ float: none; padding: 0; }
    nav li>a,.position nav li>a{ margin:0; color: #fff; font-size: 18px; display:block; padding:15px 20px; border-bottom:1px solid #2e2e2e; text-align: left;}
    nav li dl{ left: 0;  top: 0; width: auto;  background: #2e2e2e;  position: inherit;  opacity: 1; display: block; }
    nav li dd a{padding: 10px 20px;display: block; border-bottom: none; color: #fff!important}
    .logo img, .position .logo img{ height: 50px; }
    nav li.on a, nav li:hover a{ background: #f63825; color: #fff; }
    nav li:hover dl{ left: 0; opacity: 1; }
    nav li>a:after{ background: #fff; }
    nav li.on>a:after, nav li:hover a:after{ width: 0; }
    nav li dl dd a{ color: #fff !important; white-space: normal; }
    nav dl dd:hover div{display: none;}
    #nav .nav-button{ background: #f63825 ; }
    .position nav li.on:after, .position nav li:hover:after,nav li.on:after, nav li:hover:after{ display: none; }
    nav dl, .position nav dl{ position: static; }
    .fixnav,nav li:after{ display: none; }
    .logo{ top: 8px; }
    .subbanner{ margin-top: 62px; }
    .changpic0 img {width: 100%;    height: 137px;}
    .changpic1 img {
        height: auto;
        width: 100%;
    }
    .ab_honor,.ab_visit {
        display: none;
    }

    table {
        border-collapse: collapse;
        border-spacing: 0;
      
    }
}

@media screen and (max-width: 768px){
    .warper{ padding: 0 30px; }
    .in_probox,.in_solu,.in_abtext,.in_news{ padding: 22px 0; }
    .in_date ul li span{ font-size: 25px; }
    .in_date ul li p{ font-size: 14px; }
    .in_date{ padding: 25px 0; }
    .in_solu .in_solunav{ width: 100%; }
    .in_solu .in_solunav ul li{ width: 20%; float: left; }
    .in_solu .in_solunav ul li a p{ font-size: 14px; }
    .in_solupic{ width: 100%; float: none; }
    .in_abtext{ width: 100%; }
    .in_abvideo{ width: 100%; position: static; margin-top: 5px; padding: 0 30px; }
    .getbox{ width: 100%; left: 0; margin-left: 0; }
    .home_boxtit{ font-size: 25px; }
    .incase_text span{ display: none; }
    .in_caseitem .lcon{ padding: 43px 15px; }
    .incase_text{ text-align: left; }
    .item-text{ height: auto; padding: 12px; }
    .item-text p{ margin-top: 5px; }
    .in_newswar li:nth-of-type(even) .item-text{ position: static; }
    .in_newswar li:nth-of-type(even) .in_newsitem .changpic{ margin-top: 0; }
    .in_newswar li:nth-of-type(even) .jiantou{ bottom: 0; top: auto; transform: rotate(0deg); }
    .positionline{ display: none; }
    .pro_l h1,.pro_l h1 i{ font-size: 22px; }
    .pro_box{ padding-bottom: 35px; }
    footer .item3{ width: 40%; }
    footer .item4{ width: 55%; }
    .pro_gdbox .prolcon{ width: 100%; float: none; }
    .pro_gdbox .prorcon{ width: 100%; float: none; padding-left: 0; margin-top: 15px; }
    .pro_desc{ height: auto; }
    .pro_gdbox .prorcon h2{ font-size: 23px; }
    .pro-owl-item{width:50%}
    .link_a{display:none}
    .del_item h3{ padding: 5px 15px 5px 7px; font-size: 17px; }
    .del_item p{ line-height: 22px; }
    .solu_table table tr td{ padding:10px; }
    .del_item .infoform span{ margin-bottom: 5px; }
    .infoform li{ width: 100%; float: none; }
    .rel_swiper .item:hover .link_a{ display: none; }
    .rel_swiper .owl-controls .owl-buttons div{ background-size: 71%; }
    .page_boxtit span{ display: none; }
    .page_boxtit b{ position: static; }
    .page_boxtit{ margin-bottom: 5px; }
    .roundabout-holder{ width: 360px; }
    .roundabout-moveable-item{ width: 600px; }
    #featured-area{ margin: 182px auto 0 auto; }
    .ab_factory{ margin-top: 112px; }
    .ab_factory ul, .ab_honorswiper{ margin-top: 10px; }
    .ab_factory ul li{ margin-bottom: 10px; }
    .ab_honor{ padding-bottom: 50px; }
    .historybox_lis .owl-controls .owl-buttons div{ left: -28px; }
    .historybox_lis .owl-controls .owl-buttons div.owl-next{ right: -28px; }
    .news_text{ padding: 12px; }
    .news_text p{ margin-top: 2px; }
    .news_list li{ margin-bottom: 15px; }
    .news_box,.news_del,.case_box{ padding-bottom: 50px; }
    .infocon{ padding: 15px; }
    .infocon h2{ font-size: 24px; }
    .infocon .time{ margin: 6px 0; }
    .infocon p{ font-size: 16px; line-height: 24px; }
    .case_list li{ padding: 15px 0; }
    .case_item .lcon h2{ font-size: 20px; height: 30px; line-height: 30px; }
    .case_item .rcon{ padding-left: 16px; }
    .case_item .lcon span{ margin-top: 9px; font-size: 16px; }
    .video_text{ padding: 10px; }
    .solu_cfbsys .lcon{ width: 100%; float: none; padding-right: 0; }
    .solu_cfbsys .rcon{ width: 100%; float: none; padding-left: 0; margin-top: 12px; }
    .solu_cfbsys{ margin-top: 12px; }
    .solu_tab{ width: 240px; }
    .solu_tabqh{ margin-left: 240px; }
    .tabqh_item .tabqh_pic{ display: none; }
    .solu_bricks .so_tit{ font-size: 20px; }
    .con_formmap .warper .lcon{ width: 100%; float: none; }
    .con_formmap .rcon{ display:none;}
    .con_formmap .warper{ position: static; }
    .con_formmap:before{ display: none; }
    .con_formmap .infoform h2{ font-size: 24px; }
    .infoform p{ margin-top: 6px; }
    .con_formmap .warper .lcon{ padding: 0; }
    .con_formmap{ height: auto; }
    .con_tite h1{ font-size: 25px; }
}

@media screen and (max-width: 640px){
    .warper{ padding: 0 20px; }
    .in_abvideo{ padding: 0 20px; }
    .banner_text p{ font-size: 16px; line-height: 26px; }
    .in_date ul li{ width: 50%; margin-bottom: 20px; }
    .in_date ul li p{ margin-top: 5px; }
    .in_date{ padding-bottom: 8px; }
    .in_solu .in_solunav ul li{ width: 33.333%; margin-bottom: 0; }
    .in_solu .in_solunav ul li:nth-of-type(4),.in_solu .in_solunav ul li:nth-of-type(5){ width: 50%; }
    .in_solupic ul li .changpic span{ top: 16px; right: 22px; font-size: 18px; }
    .in_caseitem .lcon{ width: 100%; float: none; background-size: cover; padding: 20px 15px; }
    .in_caseitem .rcon{ width: 100%; float: none; }
    .in_case{ padding: 20px 0; }
    footer .item3{ width: 46%; }
    footer .item4{ width: 52%; }
    .rel_swiper .owl-controls .owl-buttons .owl-prev{ left: -20px; }
    .rel_swiper .owl-controls .owl-buttons .owl-next{ right: -20px; }
    .page_boxtit b{ font-size: 22px; }
    .roundabout-moveable-item{ width: 550px; }
    .roundabout-holder{ width: 250px; }
    .ab_visit{display: none;}
    #featured-area{ margin: 162px auto 0 auto; }
    .ab_factory{ margin-top: 90px; }
    .ab_honorswiper .owl-controls .owl-buttons .owl-prev{ left: -18px; }
    .ab_honorswiper .owl-controls .owl-buttons .owl-next{ right: -18px; }
    .lis_faq li{ width: 100%; float: none; }
    .lis_faq{ padding-bottom: 20px; }
    .case_item .lcon span{ display: none; }
    .video_list li{ width: 32.3%; }
    .video_list li:nth-of-type(3n){ margin-right: 0; }
    .video_list li:nth-of-type(4n){ margin-right: 1.5%; }
    .video_box{ padding-bottom: 40px; }
    .soluwar .rcon h2{ font-size: 22px; }
    .soluwar .rcon p{ font-size: 16px; }
    .so_tit{ font-size: 18px; }
    .con_tite h1{ font-size: 23px; }
    .con_tite p{ font-size: 17px; }
}

@media screen and (max-width:480px){
    .warper{ padding: 0 15px; }
    .logo{ left: 10px; }
    .banner_text{ width: 80%; margin-left: -40%; }
    .in_prolist li{ width: 50%; }
    .in_prolist li:nth-of-type(even) .in_proitem, .in_prolist li:nth-of-type(even) .in_protext{ background: #fff; }
    .in_prolist li .in_proitem{ padding: 10px 0; }
    .in_probox{ padding: 5px 0 10px 0; }
    .in_solu, .in_abtext, .in_news{ padding: 15px 0; }
    .home_boxtit{ font-size: 22px; }
    .in_abp p{ font-size: 16px; }
    .in_abvideo{ padding: 0 15px; }
    .getbox{ height: 350px; }
    .in_newswar li{ width: 100%; float: none; margin-right: 0; margin-top: 10px; }
    footer .item3{ width: 100%; float: none; padding-top: 20px; }
    footer .item4{ width: 100%; float: none; overflow: hidden; }
    footer .item .footer_nav{ margin-top: 6px; }
    footer .item .footer_nav li{ margin-bottom: 5px; }
    .media{display: none}
    .ic_ic{display:block;}
    .copyright p{ font-size: 15px; }
    .pro_gdbox .prorcon h2{ font-size: 22px; }
    .pro_lxbtn a{ width: 47%; }
    .pro_inform{ padding: 12px 0; }
    .del_item .infoform form button{ position: static; width: 45%; height: 60px; font-size: 18px; }
    .ab_comtext p{ line-height: 22px; }
    .in_abpic li,.in_abpic li:first-child{ width: 100%; float: none; }
    .roundabout-moveable-item{ width: 380px; }
    .roundabout-holder{ width: 200px; }
    .ab_visit{display: none; }
    #featured-area{ margin: 120px auto 0 auto; }
    .ban_r_btn, .ban_l_btn{ height: 20px; }
    .ab_factory{ margin-top: 42px; }
    .page_boxtit b{ font-size: 20px; }
    .ab_honor{ padding-bottom: 30px; }
    .paddt55{ padding-top: 15px; }
    .historybox_lis .owl-item:nth-child(even) .item{ margin-top: 0; }
    .historybox_lis .owl-item:nth-child(even) .item .zhi{ top: auto; transform: rotate(360deg); }
    .historybox_lis .line{ margin-top: 102px; width: 72%; margin-left: -36%; }
    .historybox_lis .owl-controls .owl-buttons div{ margin-top: 83px; }
    .historybox_lis .item{ padding: 0 5px; }
    .historybox_lis .line { margin-top: 102px; width: 80%; margin-left: -40%; left: 50%;}
    .historybox_lis .owl-controls .owl-buttons div{ left: -7px; }
    .historybox_lis .owl-controls .owl-buttons div.owl-next{ right: -7px; }
    .historybox_lis .zhi{ bottom: -56px; }
    .historybox_lis .item-box{ min-height: 165px; }
    .news_list li{ width: 49%; }
    .news_list li:nth-of-type(3n){ margin-right: 2%; }
    .news_list li:nth-of-type(even){ margin-right: 0; }
    .news_box, .news_del, .case_box{ padding-bottom: 30px; }
    .infocon h2{ font-size: 20px; }
    .infocon{ padding: 10px; }
    .case_item .lcon h2{ font-size: 18px; }
    .case_item .lcon p{ font-size: 16px; line-height: 22px; height: 66px; margin-top: 0; }
    .video_list li{ width: 49%; }
    .video_list li:nth-of-type(3n){ margin-right: 2%; }
    .video_list li:nth-of-type(even){ margin-right: 0; }
    .soluwar .rcon h2{ font-size: 20px; }
    .soluwar .rcon p{ line-height: 22px; }
    .solu_mater{ padding: 20px 0; }
    .solu_tab{ width: 100%; float: none; padding: 15px; position: static; }
    .solu_tabbox{ min-height: auto; }
    .solu_tabqh{ margin-left: 0; padding: 15px; }
    .tabqh_text p{ margin-top: 5px; }
    .so_tit{ height: 42px; line-height: 42px; }
    .solu_bricks{ padding: 20px 0; }
    .con_lxbox li{ width:49%;  }
    .con_lxbox li h6{ width: 50px; height: 50px; line-height: 40px; }
    .con_lxbox li h6 a{  font-size: 27px; }
    .con_lxbox li p,.con_lxbox li a{ margin-top: 5px; }
    .con_lxbox li{ min-height: 190px; }
    .del_app li{ width: 100%; float: none; margin-bottom: 8px; }
    .so_tit{ padding-right: 6px; padding-left: 6px; }
    .cfb_sysbox ul li{ margin-bottom: 10px; }
    .solu_mater{ margin-top: 12px; }
    .solu_mater h3{ font-size: 22px; }
    .footmenu{ display: block; }
    footer{ padding-bottom: 60px; }
    .in_prolist li p{ height: 40px; overflow: hidden; }
}
@media screen and (max-width:414px){
    .warper{ padding: 0 10px 20px; }
    .butt{width: 100%;}
    .infoform textarea{    line-height: 20px;}
    .banner_text{ width: 90%; margin-left: -45%; }
    .banner_text p{ font-size: 15px; }
    .in_solu .in_solunav ul li{ width: 50%; }
    .incase_text p{ margin-top: 3px; }
    footer h4{ font-size: 20px;}
    .ab_honorswiper .owl-controls .owl-buttons .owl-next{ right: -8px; }
    .ab_honorswiper .owl-controls .owl-buttons .owl-prev{ left: -8px; }
    .cfb_sysbox ul li span{ line-height: 20px; }

}









